

<template>
  <div>

    <form-create  class="my-form" style="width: 100%;" :rule="rule" :option="option"></form-create>
  </div>
</template>

<script >
export default {
  data(){
    return{
      rule:[{
        type:"input",
        title:"商品名称",
        field:"goods_name",
        value:"iphone 7",
        col:{
          span:5,
          labelWidth:150
        },
      },{
        type:"x-button",
        name:"提交",
        props:{
          name:"嗖嗖嗖"
        }
      },{
        type: "x-table",
        props: {
          columns:[
            {
              "key":"date",
              "label":"时间"
            }, {
              "key":"name",
              "label":"名称"
            }, {
              "key":"address",
              "label":"地址"
            },
          ],
          tableData: [
            {
              date: '2016-05-03',
              name: 'Tom',
              address: 'No. 189, Grove St, Los Angeles',
            },
            {
              date: '2016-05-02',
              name: 'Tom',
              address: 'No. 189, Grove St, Los Angeles',
            },
            {
              date: '2016-05-04',
              name: 'Tom',
              address: 'No. 189, Grove St, Los Angeles',
            },
            {
              date: '2016-05-01',
              name: 'Tom',
              address: 'No. 189, Grove St, Los Angeles',
            },
          ]
        }
      }

      ],
      option: {
        "submitBtn": false,
        "resetBtn": false
      }
    }
  }
}
// "{\"submitBtn\": false,\"resetBtn\":false}"
</script>

<style scoped>

</style>